/* CSS Document */
#wrapper{
	max-width:1920px;
	width:100%;
	height:auto;
	overflow:hidden;
}
html,
body{
	background-color:#FFFFFF;
}
h1, h2, h3, h4, h5{
	transition: font-size 0.3s ease-in-out;
	font-variant:small-caps;
	text-transform:capitalize;
}
/*study_front, #break_front{
	background-color:#F63;
	width:64%;
	height:400px;
	float:left;
}

#happening_front, #info_front{
	background-color:#0F9;
	width:34%;
	height:400px;
	float:left;
}*/
a{	
	
	text-decoration:none;
}
h2:hover{
	font-size:300%;
}
h3:hover{
	font-size:200%;
}
h4:hover{
	font-size:145%;
}
h5:hover{
	font-size:130%;
}
#study_front:hover{
	background-image:url(../images/study.jpg);
	/*-webkit-animation:study 1s 1;
	-webkit-animation-fill-mode: forwards;*/
}
#info_front:hover{
	background-image:url(../images/info.jpg);
}
#happening_front:hover{
	background-image:url(../images/happening.jpg);
}
#break_front:hover{
	background-image:url(../images/break.jpg);
}


/*ændrer alle billeder på forsiden*/
#wrapper section{
	float: left;
}
article{
	opacity:1;
}
#study_link{
	clear:both;
	opacity:1;
	position:absolute;
	bottom:20px;
	right:20px;	
}
#happening_link{
	float:left;
	position:absolute;
	bottom:20px;
	left:20px;
}
#info_link{
	float:left;
	position:absolute;
	top:20px;
	right:20px;
}
#break_link{
	float:left;
	position:absolute;
	top:20px;
	left:20px;
}
/*ændrer i study billedet på forsiden*/
#study_front{
	position:relative;
	transition: background-image 0.3s ease-in-out;
	background-image:url(../images/study_op.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width: 60%;
	height: 450px;
	float:left;
}

/*ændrer i happening billedet på forsiden*/
#happening_front{
	position:relative;
	
	transition: background-image 0.3s ease-in-out;
	background-image:url(../images/happening_op.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	width: 40%;
	height: 450px;
	float:left;
}

/*ændrer i break billedet på forsiden*/
#break_front{
	position:relative;
	transition: background-image 0.3s ease-in-out;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url(../images/break_op.jpg);
	width: 60%;
	height:450px;
	float:left;
}

/*ændrer i info billedet på forsiden*/
#info_front{
	position:relative;
	transition: background-image 0.3s ease-in-out;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/info_op.jpg);
	width: 40%;
	height:450px;
	float:left;
}


/*ændrer i forside footer*/
.forside footer{
	
	width: 100%;
	height: 40px;
	float: left;
	background-color:#b9c08b;
}
footer img{
	padding:5px;
	float:right;
}	

/*styler alle h1'er - pt kun overskrifter på undersider*/
h1{
	opacity:1 !important; 
	font-size: 30px;
	font-family: Verdana, Geneva, sans-serif;
}

/*styler alle h2'er*/
h2{
	opacity:1 !important;
	color:#ef791d;
	font-size: 45px;
	font-family: Helvetica;
	text-shadow: 1px 1px #333333;
	font-weight:bolder;

}

/*styler alle h3'er - lige nu kun listeelementer på forsiden*/
h3{
	opacity:1 !important;
	color:#ef791d;
	font-size: 20px;
	font-family: Helvetica;
	text-shadow: 1px 1px #333333;
	font-weight:bolder;

}

p{
	opacity:1 !important;
	font-family: Helvetica;
}
#filler{
	float:left;
	width: 10%;
	z-index:100;	
}
aside img{
	clear:both;
	position:relative;
	top:20px;
	left:75px;
	padding-bottom:30px;
}
aside{	
	background-image:url(../images/gard.png);
	background-repeat:repeat-y;
	box-shadow: 10px 0px 10px #888888;
	position:fixed;
	float:left;
	top:0;
	width: 210px;
	height: 100%;
	margin: 0 0 40px 0;
	background-color:#b9c08b;
	z-index:100;
}
article h4, aside h4{
	letter-spacing:1px;
	/*text-shadow: 1px 1px #333333;*/
	font-weight:bolder;
	margin:15px;
	color:#ef791d;
	font-family:Helvetica;
	font-size:21px;
	text-outline:1px #000;	
	text-shadow: 1px 1px 1px #333333;
	/* text-shadow:
   -0.5px -0.5px 0 #ef791d,  
    0.5px -0.5px 0 #ef791d,
    -0.5px 0.5px 0 #ef791d,
     0.5px 0.5px 0 #ef791d;*/
}
article h4{
	margin-left:70px;
}
aside h5{
	/*text-shadow: 1px 1px #333333;*/
	font-weight:bolder;
	margin:4px 0 0 22px;
	color:#878f78;
	font-family:Helvetica;
	font-size:18px;	
}
.study{
	background-image:url(../images/study_grad.png);
}
.happening{
	background-image:url(../images/happening_grad.png);
}
.break{
	background-image:url(../images/break_grad2.png);
}
.info{
	background-image:url(../images/info_grad.png);
}
main{
	position:relative;
	float:right;
	
	background-repeat:no-repeat;
	background-size:cover;
	width:90%;
	height:100%;
	top:0;
	min-height:900px;
}
main article{
	
	margin:50px 0 0 50px;
}
main article h1{
	text-shadow: 1px 1px #333333;
	font-weight:bolder;
	font-size:40px;
	color:#ef791d;
	box-shadow: 10px 10px 10px #888888;
	background-image:url(../images/gradback.png);
	padding:20px;
	margin:50px;
	max-width:900px;	
}
main article p{
	background-image: url(../images/gradback.png);
	box-shadow: 10px 10px 10px #888888;
	padding: 50px;
	margin: 50px 30px 10px 70px;
	max-width: 790px;
	width: auto;
	font-size: 17px;
	color: #515844;
	font-weight: 200;
}
main article iframe{
	margin: 0px 30px 10px 70px;
	padding: 50px;
	box-shadow: 10px 10px 10px #888888;
	background-image: url(../images/gradback.png);
}
form {
	clear:both;
	display:block;	
	padding:50px;
	max-width:459px;
	background-image: url(../images/gradback.png);
	box-shadow: 10px 10px 10px #888888;
	padding: 50px;
	margin: 50px 30px 10px 70px;
}
label {
	display:block;
	margin-top:20px;
	font-variant:small-caps;
	font-family:Helvetica;
	color:#515844;
	font-size:18px;
	font-weight:bold;
}
@media screen and (max-width: 1400px){
#study_front{
		height: 315px;
}

/*ændrer i happening billedet på forsiden*/
#happening_front{
	height: 315px;
}

/*ændrer i break billedet på forsiden*/
#break_front{
	height:315px;
}

/*ændrer i info billedet på forsiden*/
#info_front{
	height:315px;
}
		
}
@media screen and (max-width: 1000px){
#study_front{
		height: 200px;
}

/*ændrer i happening billedet på forsiden*/
#happening_front{
	height: 200px;
}

/*ændrer i break billedet på forsiden*/
#break_front{
	height:200px;
}

/*ændrer i info billedet på forsiden*/
#info_front{
	height:200px;
}
		
}